<template>
  <div class="row">
    <Item v-for="item in items" :key="item.id" v-bind="item" />
  </div>
</template>

<script>
import Item from "./Item";
export default {
  name: "List",
  props: {
    items: {
        type:Array,
      default: () => {
        return [];
      },
    },
  },
  components: {
    Item,
  },
  methods: {
    aa() {
      this.$emit("add", {
        value: 1,
      });
    },
  },
};
</script>

<style>
</style>